


<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<style type="text/css">
		*{margin: 0; padding: 0;}
		.box{width: 200px;height: 200px;background: red;position: fixed;left: -200px;top:300px;}
		.ac{left: 0;}
		.box span{position: absolute;left: 200px;top: 30px;width: 20px;word-wrap: break-word;border: 1px solid #333;}
  </style>
  <script src="../../utils.js"></script>
</head>
<body>

<div class="box">
	<span>分享到</span>
</div>
<script>
  var oBox = document.querySelector('.box')
  var oSpan = document.querySelector('.box span')

  oBox.onmouseenter = function () {
    console.log('enter')
    utils.move(oBox, 'left', 0, 1000)
  }
  oBox.onmouseleave = function () {
    console.log('leave')
    utils.move(oBox, 'left', -200, 1000)
  }

</script>
</body>
</html>
